﻿@page "/weather"
@attribute [StreamRendering(true)]
@attribute [OutputCache(Duration = 5)]

@inject WeatherApiClient WeatherApi

<PageTitle>Weather</PageTitle>

<h1>Weather</h1>

<p>This component demonstrates showing data loaded from a backend API service.</p>

@if (accounts == null)
{
    <p><em>Loading...</em></p>
}
else
{
    <table class="table">
        <thead>
            <tr>
                @* <th>Date</th> *@
                @* <th>Temp. (C)</th> *@
                @* <th>Temp. (F)</th> *@
                @* <th>Summary</th> *@
                <th>Name</th>
                <th>Phone</th>
            </tr>
        </thead>
        <tbody>
            @* @foreach (var forecast in forecasts) *@
            @* { *@
            @*     <tr> *@
            @*         <td>@forecast.Date.ToShortDateString()</td> *@
            @*         <td>@forecast.TemperatureC</td> *@
            @*         <td>@forecast.TemperatureF</td> *@
            @*         <td>@forecast.Summary</td> *@
            @*     </tr> *@
            @* } *@
            @foreach (var account in accounts)
            {
                <tr>
                    <td>@account.Username</td>
                    <td>@account.Phone</td>
                </tr>
            }
    </tbody>
    </table>
}

@code {

    protected override async Task OnInitializedAsync()
    {
        //forecasts = await WeatherApi.GetWeatherAsync();
        accounts = await WeatherApi.GetAccounts();
    }

    private Account[]? accounts;
}
